<style lang="less">
 @import "./style/common.less";
 @import "./style/variables.less";
 @import "./iconfont/font-awesome.min.css";
 @import './style/transitions.less';
 body{
  position: relative;
 }
 section.index-page{
 	width: 100%;
 	height: 100%;
  &.stop-scroll{
    overflow: hidden;
  }
  .page{
    padding-top: 50px;
  }
}

</style>
<template>
  <section class="index-page" :class="{'stop-scroll':stopScroll}">
      <transition :name="transitionName" mode="in-out">
        <router-view class="page"></router-view>
      </transition>
  </section>
</template>
<script type="text/javascript">
import {mapState} from 'vuex'
  export default {
    data() {
      return {

      }
    },
    computed: mapState({
      stopScroll: state => state.stopScroll,
      transitionName: state => state.transitionName
    }),
    methods:{

    },
    created() {
    }
  }
</script>
